<!DOCTYPE html>
<html class="modern" lang="zh-cmn-Hans">
<head>
  <meta charset="utf-8">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no,email=no" name="format-detection">
  <meta name="title" content="全民秀网-美女视频-互动娱乐平台"/>
  <meta name="Keywords"
        content="全民秀,全民秀网,真人直播秀,生活秀,在线演艺,美女直播,视频聊天,视频交友,秀场,全民秀秀场 ,美女艺人,美女视频,视频直播,美女秀场,真人秀场,在线K歌,视频秀场,真人视频"/>
  <meta name="Description"
        content="全民秀网是大型在线互联网演艺视频互动娱乐平台，全网级高清真人视频直播平台。全民秀网通过对传统视频直播模式的升级换代，构建新型产业链生态，开创更多直播互动玩法，聚集更多艺人级美女资源，提供更多精彩综艺直播节目，给用户带来更丰富的娱乐体验，致力于打造成有全国性影响力的“互联网+娱乐”平台。"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
  <title>首次充值活动</title>
  <script type="text/javascript">
    window.jQuery || document.write("<script src='<%- Virtual_Path.Static %>jquery/jquery-2.1.4.min.js'>" + "<" + "/script>");
  </script>
  <!-- Basic Styles -->
  <link rel="stylesheet" type="text/css" media="screen" href="<%- Virtual_Path.Static %>common/css/common.css">
  <link rel="stylesheet" type="text/css" media="screen" href="<%- Virtual_Path.Static %>common/css/animate.min.css">
  <!-- lodash -->
  <script src="<%- Virtual_Path.Static %>jquery.plugin/lodash/lodash.min.js"></script>
  <!-- PageScript -->
  <script><%- PageScript %></script>
  <script src="<%- Virtual_Path.Static %>common/js/flexible/flexible.js"></script>
  <!-- geetest -->
  <script src="http://static.geetest.com/static/tools/gt.js"></script>
  <link rel="stylesheet" href="<%- Virtual_Path.Static %>main/css/common.css"/>
  <!-- MD5 -->
  <script src="<%- Virtual_Path.Static %>jquery.plugin/md5/md5.min.js"></script>
  <!-- koc -->
  <script src="<%- Virtual_Path.Static %>jquery.plugin/koc/koc.min.js"></script>
  <link rel="stylesheet" href="<%- Virtual_Path.Static %>jquery.plugin/koc/koc.css"/>
  <!-- JQuery.Form -->
  <script src="<%- Virtual_Path.Static %>jquery.plugin/form/jquery.form.min.js"></script>
  <!-- JQuery.Validate -->
  <script src="<%- Virtual_Path.Static %>jquery.plugin/validate/jquery.validate.min.js"></script>
  <script src="<%- Virtual_Path.Static %>jquery.plugin/validate/jquery.validate.extend.min.js"></script>
  <script src="<%- Virtual_Path.Static %>jquery.plugin/validate/additional-methods.min.js"></script>
  <!-- JQuery.MaskedInput -->
  <script src="<%- Virtual_Path.Static %>jquery.plugin/maskedinput/jquery.maskedinput.min.js"></script>
  <script src="<%- Virtual_Path.Static %>jquery.plugin/maskedinput/jquery.maskedinput.custom.js"></script>
  <script src="/js/common.js"></script>
  <script src="/js/common.main.js"></script>
  <meta property="qc:admins" content="25645563426015466375"/>
  <meta property="wb:webmaster" content="56f2e29563860802"/>
</head>
<style>
  @charset "UTF-8";
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
  }

  input {
    outline: none;
  }

  i, em {
    font-style: normal;
  }

  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
  }

  ol, ul {
    list-style: none;
  }

  blockquote, q {
    quotes: none;
  }

  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
  }

  body {
    font-size: 12px;
    font-family: "Microsoft Yahei";
    -webkit-text-size-adjust: 100%;
  }

  img, select, input, label, textarea {
    vertical-align: middle;
  }

  img {
    border: none;
  }

  .clearfix {
    clear: both;
    zoom: 1;
  }

  .clearfix:after {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
  }

  a {
    text-decoration: none;
    cursor: pointer;
    color: #000;
  }

  a:hover {
    text-decoration: none;
  }

  .bc {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  html {
    font-size: 75px;
  }

  body {
    font-family: "Microsoft Yahei", SimHei, helvetica, arial, verdana, tahoma, sans-serif;
    font-size: 0.16rem;
    background-color: #f1f1f1;
  }

  .form-section {
    background: #fff;
    margin-bottom: 1.22667rem;
  }

  .form-group {
    padding: 0.6rem 0.98667rem 0.6rem 2.88rem;
    border-bottom: 1px solid #efefef;
    font-size: 0.34667rem;
    color: #cccccc;
    position: relative;
  }

  .form-group label {
    position: absolute;
    left: 0.4rem;
    top: 0.6rem;
    font-size: 0.4rem;
    color: #413c46;
    font-weight: 300;
  }

  .form-group input {
    width: 100%;
    border: 0;
    color: #ccc;
    font-family: '微软雅黑';
    box-sizing: border-box;
  }

  .form-group input:focus {
    outline-style: none;
  }

  .form-group:last-child {
    border-bottom: 0;
  }

  .vl-clear {
    width: 0.42667rem;
    height: 0.42667rem;
    display: none;
    position: absolute;
    right: 0.96rem;
    top: 0.52rem;
    background: url("<%- Virtual_Path.Static %>main/image/pay/m/del.png") no-repeat;
    background-size: 100%;
    z-index: 1;
  }

  .pwd-group .vl-clear {
    right: 2.16rem;
  }

  .icon_see {
    position: absolute;
    width: 0.50667rem;
    height: 0.50667rem;
    background: url("<%- Virtual_Path.Static %>main/image/pay/m/see.png") no-repeat;
    background-size: 100%;
    right: 0.96rem;
    top: 0.48rem;
  }

  .btn-box {
    padding: 0 0.58667rem;
  }

  .btn-box .btn {
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 0.66667rem;
    background: #ffba00;
    font-size: 0.42667rem;
    color: #fff;
    text-align: center;
  }

  .third-login {
    width: 100%;
    margin-top: 0.98667rem;
    font-size: 0;
    box-sizing: border-box;
  }

  .third-login .third-login-hd {
    font-size: 0.37333rem;
    color: #666;
    text-align: center;
  }

  .third-login .third-login-hd:before {
    margin-right: 0.42667rem;
  }

  .third-login .third-login-hd:after {
    margin-left: 0.42667rem;
  }

  .third-login .third-login-hd:before, .third-login .third-login-hd:after {
    content: '';
    width: 1.73333rem;
    height: 1px;
    background: #dcdcdc;
    display: inline-block;
    vertical-align: middle;
  }

  .third-login-bd {
    text-align: center;
    font-size: 0;
  }

  .third-login-bd .third-login-type {
    width: 1.33333rem;
    margin: 0.8rem 0.53333rem 0.66667rem;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
  }

  .third-login-type i {
    width: 1.33333rem;
    height: 1.33333rem;
    display: inline-block;
    vertical-align: top;
  }

  .third-login-sina i {
    background: url("<%- Virtual_Path.Static %>main/image/pay/m/i-sina.png") no-repeat;
    background-size: 100%;
  }

  .third-login-qq i {
    background: url("<%- Virtual_Path.Static %>main/image/pay/m/i-qq.png") no-repeat;
    background-size: 100%;
  }

  .third-login-weixin i {
    background: url("<%- Virtual_Path.Static %>main/image/pay/m/i-weixin.png") no-repeat;
    background-size: 100%;
  }

  .form-input-geetest {
    text-align: center;
    width: 280px;
    clear: both;
    margin: 0 auto 0.4rem;
    margin-top: -0.6rem;
  }

</style>
<body>
<form id="formMobileUserSign_In">
  <div class="form-section">
    <div class="form-group">
      <label for="userName" class="nameLabel">账号</label>
      <input type="text" name="LoginName" placeholder="输入手机号／邮箱／全民秀账号" class="js-input" maxlength="20"> <i
              class="vl-clear js-vl-clear"></i></div>
    <div class="form-group pwd-group">
      <label for="userPwd" class="pwdLabel">密码</label>
      <input type="password" name="Password" placeholder="输入密码" class="js-input" maxlength="16"> <i
              class="vl-clear js-vl-clear"></i></div>
  </div>
  <!--<div class="form-input form-input-geetest" id="divMobileUserSign_In_Geetest"><span class="geetestloading">验证码加载中....</span></div>-->
  <div class="btn-box">
    <div class="btn" id="btnMobileUserSign_In">登录</div>
  </div>
</form>
<div class="third-login">
  <div class="third-login-hd">第三方登录</div>
  <div class="third-login-bd">
    <a class="third-login-type third-login-weixin" useroauth="Weixin"><i></i>
      <p>微信</p>
    </a>
    <a class="third-login-type third-login-qq" useroauth="QQ"><i></i>
      <p>QQ</p>
    </a>
    <a class="third-login-type third-login-sina" useroauth="Weibo"><i></i>
      <p>微博</p>
    </a>
  </div>
</div>

<script>
  $(function () {
    /////////////////////////////////////////////////////
    //PageInit
    /////////////////////////////////////////////////////
    $.CommonMain.PageInit();
//    Geetest();
    $('#formMobileUserSign_In').validate({
      submitHandler: function (form) {
//        if (!$(form).find('input[name="geetest_challenge"]').val()) {
//          $.KOC.Tips.Open('Error', '请拖动滑块完成拼图验证', {Timeout: 1500});
//          return;
//        }
        var _inputPassword = $(form).find('input[name="Password"]');
        _inputPassword.val(md5(_inputPassword.val()));
        $(form).ajaxSubmit({
          type: 'post',
          dataType: 'json',
          url: '/ajaxs/business.user-signin',
          beforeSubmit: function () {
            $.KOC.Loading.Open();
          },
          success: function (data) {
            $.KOC.Loading.Close();
            if (data.flag !== 0) {
//              $.Common.Geetest.fnRefresh();
              $.KOC.Tips.Open('Error', data.msg + '(' + data.flag + ')', {Timeout: 1500});
              _inputPassword.val('');
              return;
            }
            $.KOC.Tips.Open('Success', '登录成功', {
              Timeout: 1000,
              onClose: function () {
                location.href = '/mobile/pay';
              }
            });
          }
        });
      }
    });
    $('#btnMobileUserSign_In').click(function () {
      $('#formMobileUserSign_In').submit();
    });
//        function Geetest() {
//            $.Common.Geetest.fnInit({
//                Mode: "float",
//                Container: "#divMobileUserSign_In_Geetest",
//                onReady: function () {
//                    $('#divMobileUserSign_In_Geetest > span:first-child').hide();
//                }
//            });
//        }
  })
</script>
</body>
</html>
